export {};
/* 
类型断言：as ，十分肯定的说，它是一个什么类型
注意：一旦使用了类型断言，那么决定权就在你手上，你需要自己保证代码不会出错
*/

/* 
怎么找到标签的类型小技巧
1. document.querySelector('div')
2. 把鼠标放到 querySelector 上，看到代码提示，把类型复制出来即可
*/

const a = document.querySelector('a') as HTMLAnchorElement;
a.href = 'baidu.com';

const img = document.querySelector('img') as HTMLImageElement;
console.log('img -----> ', img);
img.src = '黑马程序员.jpg';
// img.href

// 报错，因为数据和你的类型描述不匹配
// const temp: HTMLImageElement = document.querySelector('img');
